import React, { Fragment } from "react";

export default function ProductRow({ list }) {
  return (
    <Fragment>
      {list.map((item, index) => {
        return (
          <div className="tr" key={index}>
            <div
              className="td"
              style={{ color: item.stocked ? "white" : "red" }}
            >
              {item.name}
            </div>
            <div className="td">{item.price}</div>
          </div>
        );
      })}
    </Fragment>
  );
}
